<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/resed.css">
    <link rel="stylesheet" href="../font_2473277_4qodwciiw4q/iconfont.css">
</head>

<body>
    <!-- header  -->
    <div class="header">
        <div class="header-con w">
            <div class="header-con-a">
                <ul>
                    <li><a href="">小米商城</a> | </li>
                    <li><a href="">MIUI</a> |</li>
                    <li><a href="">IoT</a> |</li>
                    <li><a href="">云服务</a> | </li>
                    <li><a href=""> 天星数科</a>| </li>
                    <li><a href="">有品</a> |</li>
                    <li><a href="">小爱开放平台</a>| </li>
                    <li><a href="">企业团购</a>| </li>
                    <li><a href="">资质证照</a> |</li>
                    <li><a href="">协议规则</a> |</li>
                    <li><a href="">下载app</a>| </li>
                    <li><a href="">智能生活</a>| </li>
                    <li><a href="">Select Location</a></li>
                </ul>
            </div>
            <div class="header-con-b">
                <ul>
                    <li><a href="./denlu.html">登录 |</a> </li>
                    <li><a href="./zhuce.html">注册 |</a> </li>
                    <li><a href="">消息通知</a> </li>
                </ul>
            </div>
            <div class="header-con-c">
                <a href="xiangqin.html">
                    <em>购物车</em>
                    <span class="header-con-c-cartNum">(5)</span>
                </a>
            </div>
        </div>
    </div>
    <!-- header结束 -->
    <!-- 二级导航 -->
    <div class="nav w">
        <div class="left">
            <a href="./index.html"><img src="./img/logo1.png" alt=""></a>
        </div>
        <div class="center">
            <ul>
                <li><a href="#">小米手机</a>
                    <ol class="center-z w">
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                    </ol>
                </li>
                <li><a href="#">小米手机</a>
                    <ol class="center-z w">
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                    </ol>
                </li>
                <li><a href="#">电视</a>
                    <ol class="center-z w">
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                    </ol>
                </li>
                <li><a href="#">笔记本</a>
                    <ol class="center-z w">
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                    </ol>
                </li>
                <li><a href="#">家电</a>
                    <ol class="center-z w">
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                    </ol>
                </li>
                <li><a href="#">路由器</a>
                    <ol class="center-z w">
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                    </ol>
                </li>
                <li><a href="#">智能硬件</a>
                    <ol class="center-z w">
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                        <li>
                            <img src="./img/2.png" alt="">
                            <span>小米MIX FOLD</span>
                            <em>9999元起</em>
                        </li>
                    </ol>
                </li>
                <li><a href="#">服务</a> </li>
                <li><a href="#">社区</a> </li>
            </ul>
        </div>
        <div class="right">
            <input type="text" value="电视">
            <input type="text" value="搜索" class="s">
        </div>
    </div>
    <!-- 二级导航结束 -->
    <!-- 轮播图开始 -->
    <div class="section w ">
        <div class="section-l">
            <ul>
                <li class="a1"> <a href="#">手机电话卡</a>
                    <ol style="position: absolute;">
                        <li>
                            <img src="../img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="../img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/2.png" alt="">
                            <span>小米10</span>
                        </li>
                    </ol>
                </li>
                <li class="a1"> <a href="#">手机电话卡</a>
                    <ol style="position: absolute;">
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                        <li>
                            <img src="img/3.png" alt="">
                            <span>小米10</span>
                        </li>
                    </ol>
                </li>
                <li class="a1"> <a href="#">手机电话卡</a> </li>
                <li class="a1"> <a href="#">手机电话卡</a> </li>
                <li class="a1"> <a href="#">手机电话卡</a> </li>
                <li class="a1"> <a href="#">手机电话卡</a> </li>
                <li class="a1"> <a href="#">手机电话卡</a> </li>
                <li class="a1"> <a href="#">手机电话卡</a> </li>
                <li class="a1"> <a href="#">手机电话卡</a> </li>
                <li class="a1"> <a href="#">手机电话卡</a> </li>
        </div>
        <div id="box">
            <img id="imgId1" src="../img/timg1.jpg" />
            <img id="imgId2" src="../img/timg2.jpg" />
            <img id="imgId3" src="../img/timg3.jpg" />
            <ul id="btns">
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div id="leftArrow" style="font-size: 50px">＜</div>
            <div id="rightArrow" style="font-size: 50px">＞</div>
        </div>
    </div>
    <!-- 轮播图结束 -->
    <!-- 保障开始 -->
    <div class="guarantee w">
        <div class="guarantee-a">
            <ul>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="guarantee-b">
            <img src="../img/10.jpg" alt="">
        </div>
        <div class="guarantee-c">
            <img src="../img/11.jpg" alt="">
        </div>
        <div class="guarantee-d">
            <img src="../img/12.png" alt="">
        </div>
    </div>
    <!-- 保障结束 -->
    <!-- Note9开始 -->
    <div class="Notej w">
        <img src="../img/13.png" alt="">
    </div>
    <!-- Note9开始 -->
    <!-- 箭头 -->
    <div class="brick w">
        <h2>手机</h2>
        <div class="brick-all">
            <p>查看更多</p>
            <div class="brick-all-a">
                >
            </div>
        </div>
    </div>
    <!-- 箭头结束 -->
    <!-- mobile -->
    <div class="mobile w">
        <div class="mobile-a">
            <img src="../img/14.png" alt="">
        </div>
        <div class="mobile-b">
            <ul class="ul1">
                <!-- <li>
                        <img src="../img/15.png" alt="">
                        <h3> Xiaomi MIX 4</h3>
                        <p>CUP全面屏</p>
                        <p class="a3"><span>4999元起</span></p>           
                </li>
                <li>
                    <img src="../img/15.png" alt="">
                    <h3> Xiaomi MIX 4</h3>
                    <p>CUP全面屏</p>
                    <p class="a3"><span>4999元起</span></p>
                </li>
                <li>
                    <img src="../img/15.png" alt="">
                    <h3> Xiaomi MIX 4</h3>
                    <p>CUP全面屏</p>
                    <p class="a3"><span>4999元起</span></p>
                </li>
                <li>
                    <img src="../img/15.png" alt="">
                    <h3> Xiaomi MIX 4</h3>
                    <p>CUP全面屏</p>
                    <p class="a3"><span>4999元起</span></p>
                </li>
                <li>
                    <img src="../img/15.png" alt="">
                    <h3> Xiaomi MIX 4</h3>
                    <p>CUP全面屏</p>
                    <p class="a3"><span>4999元起</span></p>
                </li>
                <li>
                    <img src="../img/15.png" alt="">
                    <h3> Xiaomi MIX 4</h3>
                    <p>CUP全面屏</p>
                    <p class="a3"><span>4999元起</span></p>
                </li>
                <li>
                    <img src="../img/15.png" alt="">
                    <h3> Xiaomi MIX 4</h3>
                    <p>CUP全面屏</p>
                    <p class="a3"><span>4999元起</span></p>
                </li>
                <li>
                    <img src="../img/15.png" alt="">
                    <h3> Xiaomi MIX 4</h3>
                    <p>CUP全面屏</p>
                    <p class="a3"><span>4999元起</span></p>
                </li> -->
            </ul>
        </div>
    </div>
    <!-- mobile结束 -->
    <!-- 家电 -->
    <div class="appliances">
        <div class="appliances-a w">
            <h2>家电</h2>
            <ul>
                <a href="">
                    <li>热门</li>
                    <li>电视影音</li>
                </a>
            </ul>
        </div>
        <div class="appliances-b">
            <ul>
                <li>
                    <a href="">
                        <img src="" alt="">
                    </a>
                </li>

            </ul>
        </div>
        <ul class="appliances-c w">
            <li>
                <a href="">
                    <img src="../img/20.png" alt="">
                </a>
            </li>
            <li class="edc1">
                <!-- <a href="">
                    <img src="../img/22.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a> -->
            </li>
            <li class="edc1">
                <!-- <a href="">
                    <img src="../img/23.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a> -->
            </li>
            <li class="edc1">
                <!-- <a href="">
                    <img src="../img/24.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a> -->
            </li>
            <li class="edc1">
                <!-- <a href="">
                    <img src="../img/25.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a> -->
            </li>
            <li>
                <a href="">
                    <img src="../img/26.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/22.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/27.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/28.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="" class="appliances-ds">
                    <div class="appliances-c_a">
                        <div>
                            <h3>米家互联网烟灶套装（天然气）</h3>
                            <p>1999</p>
                        </div>
                        <img src="../img/29.png" alt="">
                    </div>
                    <div class="appliances-c_b">
                        <div>
                            <h3>浏览更多</h3>
                            <p>热门</p>
                        </div>
                        <span class="iconfont icon-youjiantou"></span>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- 家电结束 -->
    <!-- 智能 -->
    <div class="appliances">
        <div class="appliances-a w">
            <h2>智能</h2>
            <ul>
                <a href="">
                    <li>热门</li>
                    <li>安防</li>
                    <li>出行</li>
                </a>
            </ul>
        </div>
        <div class="appliances-b">
            <ul>
                <li>
                    <a href="">
                        <img src="" alt="">
                    </a>
                </li>

            </ul>
        </div>
        <ul class="appliances-c w">
            <li>
                <a href="">
                    <img src="../img/20.png" alt="">
                </a>
            </li>
            <li class="">

                <img src="../img/22.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li class="">

                <img src="../img/23.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li class="">
                <img src="../img/24.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>
            </li>
            <li class="">

                <img src="../img/25.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li>
                <a href=""></a>
                <img src="../img/26.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/22.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/27.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/28.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="" class="appliances-ds">
                    <div class="appliances-c_a">
                        <div>
                            <h3>米家互联网烟灶套装（天然气）</h3>
                            <p>1999</p>
                        </div>
                        <img src="img/29.png" alt="">
                    </div>
                    <div class="appliances-c_b">
                        <div>
                            <h3>浏览更多</h3>
                            <p>热门</p>
                        </div>
                        <span class="iconfont icon-youjiantou"></span>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- 智能结束 -->
    <!-- 搭配 -->
    <div class="appliances">
        <div class="appliances-a w">
            <h2>搭配</h2>
            <ul>
                <a href="">
                    <li>热门</li>
                    <li>耳机音箱</li>
                </a>
            </ul>
        </div>
        <div class="appliances-b">
            <ul>
                <li>
                    <a href="">
                        <img src="" alt="">
                    </a>
                </li>

            </ul>
        </div>
        <ul class="appliances-c w">
            <li>
                <a href="">
                    <img src="../img/20.png" alt="">
                </a>
            </li>
            <li>

                <img src="../img/22.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li>

                <img src="../img/23.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li>

                <img src="../img/24.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li>

                <img src="../img/25.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li>

                <img src="../img/26.png" alt="">

            </li>
            <li>

                <img src="../img/22.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li>

                <img src="../img/27.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>
                </a>
            </li>
            <li>

                <img src="../img/28.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li>
                <a href="" class="appliances-ds">
                    <div class="appliances-c_a">
                        <div>
                            <h3>米家互联网烟灶套装（天然气）</h3>
                            <p>1999</p>
                        </div>
                        <img src="../img/29.png" alt="">
                    </div>
                    <div class="appliances-c_b">
                        <div>
                            <h3>浏览更多</h3>
                            <p>热门</p>
                        </div>
                        <span class="iconfont icon-youjiantou"></span>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- 搭配结束 -->
    <!-- 配件 -->
    <div class="appliances">
        <div class="appliances-a w">
            <h2>配件</h2>
            <ul>
                <a href="">
                    <li>热门</li>
                    <li>充电器</li>
                </a>
            </ul>
        </div>
        <div class="appliances-b">
            <ul>
                <li>
                    <a href="">
                        <img src="" alt="">
                    </a>
                </li>

            </ul>
        </div>
        <ul class="appliances-c w">
            <li>
                <a href="">
                    <img src="../img/20.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/22.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/23.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/24.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/25.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/26.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/22.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/27.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/28.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="" class="appliances-ds">
                    <div class="appliances-c_a">
                        <div>
                            <h3>米家互联网烟灶套装（天然气）</h3>
                            <p>1999</p>
                        </div>
                        <img src="../img/29.png" alt="">
                    </div>
                    <div class="appliances-c_b">
                        <div>
                            <h3>浏览更多</h3>
                            <p>热门</p>
                        </div>
                        <span class="iconfont icon-youjiantou"></span>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- 配件结束 -->
    <!-- 周边 -->
    <div class="appliances">
        <div class="appliances-a w">
            <h2>周边</h2>
            <ul>
                <a href="">
                    <li>热门</li>
                    <li>出行</li>
                </a>
            </ul>
        </div>
        <div class="appliances-b">
            <ul>
                <li>
                    <a href="">
                        <img src="" alt="">
                    </a>
                </li>

            </ul>
        </div>
        <ul class="appliances-c w">
            <li>
                <a href="">
                    <img src="../img/20.png" alt="">
                </a>
            </li>
            <li>

                <img src="../img/22.png" alt="">
                <h3>小米电视6 65” OLED</h3>
                <p>小米电视6 65” OLED</p>
                <span>7699元</span>

            </li>
            <li>
                <a href="">
                    <img src="../img/23.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/24.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/25.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/26.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/22.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/27.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/28.png" alt="">
                    <h3>小米电视6 65” OLED</h3>
                    <p>小米电视6 65” OLED</p>
                    <span>7699元</span>
                </a>
            </li>
            <li>
                <a href="" class="appliances-ds">
                    <div class="appliances-c_a">
                        <div>
                            <h3>米家互联网烟灶套装（天然气）</h3>
                            <p>1999</p>
                        </div>
                        <img src="../img/29.png" alt="">
                    </div>
                    <div class="appliances-c_b">
                        <div>
                            <h3>浏览更多</h3>
                            <p>热门</p>
                        </div>
                        <span class="iconfont icon-youjiantou"></span>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- 周边结束 -->
    <!-- 二图 -->
    <div class="pen">
        <div class="pen-a w">
            <img src="../img/30.png" alt="">
        </div>
        <div class="pento w">
            <h2>视频</h2>
            <div class="brick-all">
                <p>查看全部</p>
                <div class="brick-all-a">
                    >
                </div>
            </div>
        </div>
        <ul class="w">
            <li>
                <img src="../img/31.png" alt="">
                <p>
                    2021年春季新品发布会第一场
                </p>
            </li>
            <li>
                <img src="../img/32.png" alt="">
                <p>
                    Redmi 10X系列发布会
                </p>
            </li>
            <li>
                <img src="../img/33.png" alt="">
                <p>
                    小米10 青春版 发布会
                </p>
            </li>
            <li>
                <img src="../img/34.png" alt="">
                <p>
                    小米10 青春版 发布会
                </p>
            </li>
        </ul>
    </div>
    <!-- 二图结束 -->
    <!-- footer -->
    <div class="footer w">
        <div class="footerMsg">
            <div class="container">
                <ul class="fmUl">
                    <li>
                        <a href="">
                            <span class="iconfont icon-weibiaoti--"></span>
                            <span class="icoText">预约维修服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="iconfont icon-7"></span>
                            <span class="icoText">7天无理由退货</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="iconfont icon-15"></span>
                            <span class="icoText">15天免费换货</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="iconfont icon-lihe"></span>
                            <span class="icoText">满69包邮</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="iconfont icon-icon-test"></span>
                            <span class="icoText">520余家售后网店</span>
                        </a>
                    </li>
                </ul>
                <div class="fmNav">
                    <div class="fmText">
                        <h6>帮助中心</h6>
                        <p>账户管理</p>
                        <p>购物指南</p>
                        <p>订单操作</p>
                    </div>
                    <div class="fmText">
                        <h6>服务支持</h6>
                        <p>售后政策</p>
                        <p>自助服务</p>
                        <p>相关下载</p>
                    </div>
                    <div class="fmText">
                        <h6>线下门店</h6>
                        <p>小米之家</p>
                        <p>服务网点</p>
                        <p>授权体验店</p>
                    </div>
                    <div class="fmText">
                        <h6>关于小米</h6>
                        <p>了解小米</p>
                        <p>加入小米</p>
                        <p>投资者关系</p>
                        <p>企业社会责任</p>
                        <p>廉洁举报</p>
                    </div>
                    <div class="fmText">
                        <h6>关注我们</h6>
                        <p>新浪微博</p>
                        <p>官方微信</p>
                        <p>联系我们</p>
                        <p>公益基金会</p>
                    </div>
                    <div class="fmText">
                        <h6>特色服务</h6>
                        <p>F码通道</p>
                        <p>礼物码</p>
                        <p>防伪查询</p>
                    </div>
                </div>
                <div class="fmTextRight">
                    <p class="phone">400-100-5678</p>
                    <p class="time">8:00-18:00（仅收市话费）</p>
                    <div class="fmBtn">
                        <span class="iconfont icon-xinxi-01"></span> 人工客服
                    </div>
                    <p class="time2">
                        <span class="timeText">关注小米：</span>
                        <a href="https://passport.weibo.com/visitor/visitor?entry=miniblog&a=enter&url=https%3A%2F%2Fweibo.com%2Fxiaomishangcheng&domain=.weibo.com&sudaref=https%3A%2F%2Fwww.mi.com%2F&ua=php-sso_sdk_client-0.6.36&_rand=1628662454.9678">
                            <em class="wbIco icoImg"></em>
                        </a>
                        <em class="wxIco icoImg"></em>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="footerBottom w">
        <div class="container">
            <div class="fbLeft">
                <img src="../img/logo1.png"></div>
            <div class="fbRight">
                <ul class="fbrUl">
                    <li>
                        <a href="">小米商城</a>|</li>
                    <li>
                        <a href="">MIUI</a>|</li>
                    <li>
                        <a href="">米家</a>|</li>
                    <li>
                        <a href="">米聊</a>|</li>
                    <li>
                        <a href="">多看</a>|</li>
                    <li>
                        <a href="">游戏</a>|</li>
                    <li>
                        <a href="">小米天猫店</a>|</li>
                    <li>
                        <a href="">小米集团隐私政策</a>|</li>
                    <li>
                        <a href="">小米公司儿童信息保护规则</a>|</li>
                    <li>
                        <a href="">小米商城隐私政策</a>|</li>
                    <li>
                        <a href="">小米商城用户协议</a>|</li>
                    <li>
                        <a href="">Select Location</a><br></li>
                    <li>
                        <a href="">北京互联网法院法律服务工作站</a>|</li>
                    <li>
                        <a href="">中国消费者协会</a>|</li>
                    <li>
                        <a href="">北京市消费者协会</a>|</li>
                </ul>
                <div class="fbTextP">
                    <p>◎mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276-042号</p>
                    <p>(京)网械平台备字(2018) 第00005号 互联网药品信息服务资格证(京)-非经营性-2014-0090营业执照医疗器械质量公告</p>
                    <p>增值电信业务许可证网络食品经营备案京食药网食备202010048食品经营许可证</p>
                    <p>违法和不良信息举报电话: 171-5104-4404 知识产权侵权投诉本网站所列数据，除特殊说明， 所有数据均出自我司实验室测试</p>
                </div>
                <div class="ftIng">
                    <img src="../img/35.png">
                    <img src="../img/36.png">
                    <img src="../img/37.png">
                    <img src="../img/38.png">
                    <img src="../img/39.png">
                </div>
                <!-- <div class="ftBg">
                    <img src="./img/foterBg.png">
                </div> -->
            </div>
        </div>
    </div>
    <!-- footer结束 -->
    <!-- 侧边栏 sidebar-->
    <div class="sidebar">
        <a href="">
            <ul>
                <li>
                    <span class="iconfont icon-tubiaozhizuomoban"></span>
                    <p>手机APP</p>
                </li>
                <li>
                    <span class="iconfont icon-gerenzhongxin"></span>
                    <p>个人中心</p>
                </li>
                <li>
                    <span class="iconfont icon-banshou"></span>
                    <p>售后服务</p>
                </li>
                <li>
                    <span class="iconfont icon-erji"></span>
                    <p>人工客服</p>

                </li>
                <li>
                    <span class="iconfont icon-gouwuche"></span>
                    <p>购物车</p>
                </li>
            </ul>
        </a>
    </div>
    <!-- 侧边栏结束 -->
</body>

</html>
<script src="../js/jQuery.js"></script>
<script src="../js/index.js"></script>